
import ChargeDataCard from './ChargeDataCard'
import TerminalStatusCard from './TerminalStatusCard'
import ChargeDataAnalysisCard from './ChargeDataAnalysisCard'
import StationMonitorCard from './StationMonitorCard'

const DashboardPage: React.FC = () => {
  return (
    <div className='container'>
      <div style={{width: '100%', display: 'flex', gap: 24}}>
        <div style={{width: 'calc(50% - 12px)', flexShrink: 0}}>
          <ChargeDataCard />
        </div>
        <div style={{width: 'calc(50% - 12px)', flexShrink: 0}}>
          <TerminalStatusCard />
        </div>
      </div>
      <ChargeDataAnalysisCard />
      <StationMonitorCard />
    </div>
  );
};

export default DashboardPage;
